<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>消息</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/base.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/detail.css" />
</head>
<body>
<div class="detail" style="padding-top:41px;">
    <div class="tab"><span class="on">系统消息</span><span>互动消息</span></div>
    <div id="tab-content">
        <div class="voice system">
            <ul>
                <volist name="system_list" id="vo">
                <li>
                        <h3><span>系统消息</span><time>{$vo['sendtime']|date="Y-m-d H:i",###}</time></h3>
                        <p>{$vo.content}</p>
                </li>
                </volist>

            </ul>
        </div>
        <div class="voice spec" style="display:none;">
            <ul>
                <volist name="comment_list" id="vo">
                <li>
                    <div class="pic"><img src="{$vo.avatar}"/></div>
                    <div class="matter">
                        <h3>
                            <span>{$vo.nickname}</span>
                            <!--<i>回复</i>-->
                        </h3>
                        <p>{$vo.content}</p>
                        <h4><time>{$vo['addtime']|date="Y-m-d H:i",###}</time></h4>
                    </div>
                    <div class="reply">
                        <span>我：</span><em>{$vo.comment}</em>
                    </div>
                </li>
                </volist>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript" src="__PUBLIC__/Wx/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript">
    $('.tab span').click(function(){
        $(this).addClass("on").siblings().removeClass()
        $("#tab-content>.voice").hide().eq($('.tab span').index(this)).show();
    });
</script>
</body>
</html>